<!DOCTYPE html>
<html>
<head>
  <meta charset="UTF-8">
  <title>自动部署系统</title>
  <meta content='width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no' name='viewport'>

  <link rel="stylesheet" href="//cdn.bootcss.com/twitter-bootstrap/3.3.6/css/bootstrap.min.css">
  <link rel="stylesheet" href="//cdn.bootcss.com/font-awesome/4.5.0/css/font-awesome.min.css">
  <link rel="stylesheet" href="//cdn.bootcss.com/select2/4.0.2/css/select2.min.css">
  <link rel="stylesheet" href="//cdn.bootcss.com/admin-lte/2.3.3/css/AdminLTE.min.css">
  <link rel="stylesheet" href="//cdn.bootcss.com/ionicons/2.0.1/css/ionicons.min.css">
  <link rel="stylesheet" href="//cdn.bootcss.com/admin-lte/2.3.11/css/skins/_all-skins.min.css">
  <link rel="stylesheet" href="//cdn.bootcss.com/iCheck/1.0.1/skins/square/blue.css">

  <style>
      .table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td {
        white-space: nowrap;
      }

      .panel-body {
        word-break: break-word;
      }
  </style>
</head>
<body class="skin-blue sidebar-mini">
@if (!Auth::guest())
    <div class="wrapper">
  <!-- Main Header -->
  <header class="main-header">

    <!-- Logo -->
    <a href="#" class="logo">
      <b>自动部署系统</b>
    </a>

    <!-- Header Navbar -->
    <nav class="navbar navbar-static-top" role="navigation">
      <!-- Sidebar toggle button-->
      <a href="#" class="sidebar-toggle" data-toggle="offcanvas" role="button">
        <span class="sr-only">Toggle navigation</span>
      </a>
      <!-- Navbar Right Menu -->
      <div class="navbar-custom-menu">
        <ul class="nav navbar-nav">
          <!-- User Account Menu -->
          <li class="dropdown user user-menu">
            <!-- Menu Toggle Button -->
            <a href="#" class="dropdown-toggle" data-toggle="dropdown">
              <!-- The user image in the navbar-->
              <img src="http://infyom.com/images/logo/blue_logo_150x150.jpg"
                   class="user-image" alt="User Image" />
              <!-- hidden-xs hides the username on small devices so only the image appears. -->
              <span class="hidden-xs">{!! Auth::user()->name !!}</span>
            </a>
            <ul class="dropdown-menu">
              <!-- The user image in the menu -->
              <li class="user-header">
                <img src="http://infyom.com/images/logo/blue_logo_150x150.jpg"
                     class="img-circle" alt="User Image" />
                <p>
                  {!! Auth::user()->name !!}
                    <small>Member since {!! Auth::user()->created_at->format('M. Y') !!}</small>
                </p>
              </li>
              <!-- Menu Footer-->
              <li class="user-footer">
                <div class="pull-left">
                  <a href="#" class="btn btn-default btn-flat">Profile</a>
                </div>
                <div class="pull-right">
                  <a href="{!! url('/auth/logout') !!}" class="btn btn-default btn-flat"
                     onclick="event.preventDefault(); document.getElementById('logout-form').submit();">
                    Sign out
                  </a>
                  <form id="logout-form" action="{{ url('/auth/logout') }}" method="POST" style="display: none;">
                    {{ csrf_field() }}
                  </form>
                </div>
              </li>
            </ul>
          </li>
        </ul>
      </div>
    </nav>
  </header>

  <!-- Left side column. contains the logo and sidebar -->
    @include('layouts.sidebar')
  <!-- Content Wrapper. Contains page content -->
        <div class="content-wrapper">
    @yield('content')
  </div>

  <!-- Main Footer -->
  <footer class="main-footer" style="max-height: 100px;text-align: center">
    <strong>Copyright © 2016 <a href="#">Company</a>.</strong> All rights reserved.
  </footer>

</div>
@else
    <nav class="navbar navbar-default navbar-static-top">
  <div class="container">
    <div class="navbar-header">

      <!-- Collapsed Hamburger -->
      <button type="button" class="navbar-toggle collapsed" data-toggle="collapse"
              data-target="#app-navbar-collapse">
        <span class="sr-only">Toggle Navigation</span>
        <span class="icon-bar"></span>
        <span class="icon-bar"></span>
        <span class="icon-bar"></span>
      </button>

      <!-- Branding Image -->
      <a class="navbar-brand" href="{!! url('/') !!}">
        自动部署平台
      </a>
    </div>

    <div class="collapse navbar-collapse" id="app-navbar-collapse">
    </div>
  </div>
</nav>

<div id="page-content-wrapper">
  <div class="container-fluid">
    <div class="row">
      <div class="col-lg-12">
        @yield('content')
      </div>
    </div>
    <div class="row">
      <div class="col-md-8 col-md-offset-2">
    
      </div>
    </div>
  </div>
</div>
@endif

<!-- Scripts -->
<script src="//cdn.bootcss.com/jquery/1.12.4/jquery.js"></script>
<script src="//cdn.bootcss.com/twitter-bootstrap/3.3.2/js/bootstrap.js"></script>
<script src="//cdn.bootcss.com/iCheck/1.0.1/icheck.min.js"></script>
<script src="//cdn.bootcss.com/select2/4.0.3/js/select2.min.js"></script>
<script src="//cdn.bootcss.com/select2/4.0.3/js/i18n/zh-CN.js"></script>
<!-- AdminLTE App -->
<script src="//cdn.bootcss.com/admin-lte/2.3.11/js/app.min.js"></script>
@yield('script')
</body>
</html>
